<template>
  <div class="main-container">
    <header2 />
    <Nuxt />
  </div>
</template>
<script>
import header2 from './components/header2.vue'
export default {
  components: {
    header2
  }
}
</script>

<style lang="scss">
div,
img,
input,
input,
select {
  box-sizing: border-box;
}

.pointer {
  cursor: pointer;
}
.clear {
  clear: both;
}
.hide {
  display: none;
}

.bread {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: #f5f5f7;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: #535353;

  .wrap {
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
    a,
    span {
      font-size: 14px;
      display: inline-block;
    }
    .arrow {
      margin-left: 10px;
      margin-right: 10px;
    }

    .active {
      font-size: 14px;
      font-weight: 400;
      color: #222222;
    }
  }
}

.products {
  width: 1200px;
  margin: 0 auto;
  margin-top: 66px;
}
</style>
